$nav_height: 50px; //导航条高度
$nav_bg_color: $theme_color ; //导航条背景色
$nav_text_color: #ffffff; //导航条字体颜色
$nav_text_active_color: #ffd49e; //导航条选中项字体颜色

nav{
  background: $nav_bg_color;
  .nav{
    @extend .max_body;
    @include clearfix;
    height: $nav_height;
    line-height: $nav_height;
    a{
      display: inline-block;
      color: $nav_text_color;
      &:hover{
        color: $nav_text_active_color;
      }
    }
    li{
      float: left;
      width: auto;
      a{
        padding: 0 2em;
        font-size: 16px;
      }
      &:hover{
        @extend .active;
      }
    }
    .active{
      a{
        color: $nav_text_active_color;
      }
    }
  }
  @media screen and (max-width: 768px){
    .nav{
      li{
        a{
          padding: 0 10px;
        }
      }
    }
  }
}
